{% extends "base.html" %}

{% block content %}
<style type="text/css">
    .blog-main {
        margin-top: 15px;
        width: 50%;
        position: relative;
        left: 25%;
    }
</style>
<link href="{{url_for('static',filename='css/blog.css')}}" rel="stylesheet" />
<div class="blog-container">
    <div class="blog-main">
        <div class="blog-module shadow animated fadeInRight fadeInUp">
            <div class="blog-module-title"><i class="layui-icon"></i>&nbsp;关注用户</div>
            <ul class="hotusers-list">
                {% for item in range(1,10) %}
                <li class="hotusers-list-item">
                    <div class="hotusers-top hotusers-num">{{item}}</div>
                    <div class="hotusers-avator">
                        <img src="http://qzapp.qlogo.cn/qzapp/101477629/B5D5212D0429E4491D932EEEF814FE99/100" width="45" height="45">
                    </div>
                    <div>
                        <div class="hotusers-nick">Mr.Long</div>
                        <span class="hotusers-level" title="等级1" style="background-image: url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv01.png);">
                          <i style=" background-image:url(https://changyan.itc.cn/v2/asset/scs/imgs/p-lv01-04.png);">本站粉丝数：4</i>
                        </span>
                        <span class="hotusers-totalcmt" style="position: relative;left: 20%">关注</span>
                    </div>
                    <span class="hotusers-icons"></span>
                </li>
                {% endfor %}
            </ul>
      </div>
    </div>
</div>

{% endblock %}